﻿<div class="ui-widget-content">
    <h3>A função jQuery() ou simplesmente $()</h3>
    <p>
        A função jQuery() é usada como ponto de partida para uso das funcionalidades do jQuery.
        Esta função cria um objeto jQuery de acordo com o parâmetro passado.
    </p>
    <ul>
        <li>
            <strong>jQuery( selector, [ context ]  )</strong>
            <ul>
                <li><strong>jQuery( selector, [context] )</strong><br/><i>Procura elementos no DOM de acordo com os seletores escolhidos e encapsula em um objeto jQuery.</i></li>
                <li><strong>jQuery( element )</strong><br/><i>Encapsula um elemento DOM em um objeto jQuery.</i></li>
                <li><strong>jQuery( elementArray )</strong><br/><i>Encapsula um array em um objeto jQuery.</i></li>
                <li><strong>jQuery( jQuery object )</strong><br/><i>Duplica um objeto jQuery.</i></li>
                <li><strong>jQuery()</strong><br/><i>Cria um objeto jQuery vazio.</i></li>
            </ul>
        </li>
        <li>
            <strong>jQuery( html, [ ownerDocument ]  )</strong>
            <ul>
                <li><strong>jQuery( html, [ownerDocument] )</strong><br/><i>Cria um elemento DOM a partir de uma string.</i></li>
                <li><strong>jQuery( html, props )</strong><br/><i>Cria um elemento DOM a partir de uma string.</i></li>
            </ul>
        </li>
        <li>
            <strong>jQuery( callback  )</strong>
            <ul>
                <li><strong>jQuery( callback )</strong><br/><i>Executa uma função após o carregamento completo do DOM.</i></li>
            </ul>
        </li>
    </ul>
    <p>
        Exemplo de seletor:
        <p class="clicavel codigo" id="1_exemplo1_jquery">jQuery("#exemplo1_jquery").css("color", "red");</p>
        Ou ainda:
        <p class="clicavel codigo" id="1_exemplo2_jquery">$("#exemplo2_jquery").css("color", "blue");</p>
    </p>
    <script type="text/javascript">
        inicializador.introducao1Init = function() {
            jQuery("#1_exemplo1_jquery").click(function (a) {
                jQuery("#1_exemplo1_jquery").css("color", "red");
            });
            // exemplo usando a função $
            $("#1_exemplo2_jquery").click(function (a) {
                $("#1_exemplo2_jquery").css("color", "blue");
            });
        };
    </script>
</div>